/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
@import 'uview-ui/theme.scss';
/***********************蒋秀川公共样式定义 START***************************************************/
/***********************蒋秀川公共样式定义 START***************************************************/
/***********************蒋秀川公共样式定义 START***************************************************/
/***********************蒋秀川公共样式定义 START***************************************************/
/***********************蒋秀川公共样式定义 START***************************************************/
.page{
	position: relative;
	overflow: auto;
	height: 1500rpx;
	/* #ifdef H5 */
	//height: calc(1500rpx - calc(44px + env(safe-area-inset-top)));
	/* #endif */
	background-color: #369eff;
}
image{
	 height:0
}
.abs{
	position: absolute;
}
.fixed{
	position:fixed;
}
.relt{
	position:relative;
	margin:0 auto 0;
}
.full{
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.flex{
	display:flex;
	align-items:center;
	justify-content:center;
}
.iwidth{
	position: relative;
	width: 100%;
	display: block;
}
/*按钮呼吸灯效果*/
@keyframes breath{
  0%{transform:scale(1,1);}
  100%{transform:scale(0.95,0.95);}
}
.breath{
	animation:breath 0.4s ease-in-out infinite alternate;
}
/*上下浮动效果*/
@keyframes updown{
  0%{transform:translateY(0%)}
  100%{transform:translateY(20rpx)}
}
.updown{
	animation:updown 1s ease-in-out infinite alternate;
}
/*闪烁效果*/
@keyframes bling{
  0%{opacity:1}
  100%{opacity:0}
}
.bling{animation:bling 1s linear infinite alternate;}
.delay1{
	animation-delay:0.1s;
}
.delay2{
	animation-delay:0.2s;
}
.delay3{
	animation-delay:0.3s;
}
.delay4{
	animation-delay:0.4s;
}
.delay5{
	animation-delay:0.5s;
}
.delay6{
	animation-delay:0.6s;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.u-mode-center-box{
	background-color: transparent!important;
}
.u-drawer .u-mask{
	background-color: rgba(0,0,0,0.86)!important;
	backdrop-filter: blur(20rpx);
}
/***********************蒋秀川公共样式定义 END***************************************************/
/***********************蒋秀川公共样式定义 END***************************************************/
/***********************蒋秀川公共样式定义 END***************************************************/
/***********************蒋秀川公共样式定义 END***************************************************/
/***********************蒋秀川公共样式定义 END***************************************************/

/*右飞入效果*/
@keyframes rightFly{
  0%{transform:translateX(110%)}
	80%{transform:translateX(-5%)}
  100%{transform:translateX(0)}
}
.rightFly{
	animation:rightFly 1s ease-in-out 1 alternate;
}

/*左飞入效果*/
@keyframes leftFly{
  0%{transform:translateX(-110%)}
	80%{transform:translateX(5%)}
  100%{transform:translateX(0)}
}
.leftFly{
	animation:leftFly 1s ease-in-out 1 alternate;
}
/*右飞出效果*/
@keyframes rightFlyOut{
  0%{transform:translateX(0)}
	80%{transform:translateX(-5%)}
  100%{transform:translateX(110%)}
}
.rightFlyOut{
	animation:rightFlyOut 1s ease-in-out 1 alternate;
}

/*左飞出效果*/
@keyframes leftFlyOut{
  0%{transform:translateX(0)}
	20%{transform:translateX(5%)}
  100%{transform:translateX(-110%)}
}
.leftFlyOut{
	animation:leftFlyOut 1s ease-in-out 1 alternate;
}
/*上飞入效果*/
@keyframes upFly{
  0%{transform:translateY(-80%)}
	80%{transform:translateY(5%)}
  100%{transform:translateY(0)}
}
.upFly{
	animation:upFly 1s ease-in-out 1 alternate;
}

/*下飞入效果*/
@keyframes downFly{
	0%{transform:translateY(80%)}
	80%{transform:translateY(-5%)}
  100%{transform:translateY(0)}
}
.downFly{
	animation:downFly 1s ease-in-out 1 alternate;
}
/*上飞淡入效果*/
@keyframes upFlyIn{
  0%{transform:translateY(-60%);opacity:0}
	80%{transform:translateY(5%);opacity:1}
  100%{transform:translateY(0);opacity:1}
}
.upFlyIn{
	animation:upFlyIn 1s ease-in-out 1 alternate;
}

/*掉下来 延迟一秒效果*/
@keyframes drop{
  0%{transform:translateY(-110%);opacity:0}
	80%{transform:translateY(-5%);opacity:1}
  100%{transform:translateY(0);opacity:1}
}
.drop{
	animation:drop 1s ease-in-out 1 alternate both;
	animation-delay: 1s;
}

/*翻转弹出效果*/
@keyframes roll{
  0%{transform:translateX(-210%) rotateX(360deg);}
	80%{transform:translateX(-5%) rotateX(180deg)}
  100%{transform:translateX(0) rotateX(0deg);}
}
.roll{
	animation:roll 1s ease-in-out 1 alternate both;
}

/*加载中效果*/
@keyframes loading{
  0%{width: 0;}
  100%{width: 256rpx;}
}
.loading{
	animation:loading 2s ease-in-out 1 alternate;
}


/*滚动效果*/
@keyframes rollBack{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
.rollBack{
	animation:rollBack 8s linear infinite normal;
}
/***********************程阳公共样式定义 START***************************************************/
/***********************程阳公共样式定义 START***************************************************/
/***********************程阳公共样式定义 START***************************************************/
/***********************程阳公共样式定义 START***************************************************/
/***********************程阳公共样式定义 START***************************************************/







/***********************程阳公共样式定义 END***************************************************/
/***********************程阳公共样式定义 END***************************************************/
/***********************程阳公共样式定义 END***************************************************/
/***********************程阳公共样式定义 END***************************************************/
/***********************程阳公共样式定义 END***************************************************/